import React from 'react'
import { Row, Col, Input, Button, Radio } from 'antd';
import style1 from './index.module.scss'
import './index.scss'
import { Link } from 'react-router-dom';
import {
    LeftOutlined,
} from '@ant-design/icons';
const style = { background: '#e0e0e0', padding: '8px 0' };


export default function CashLoanInfoDone(props) {
    console.log('已处理props',props.location.record);
    const Info = props.location.record
    return (
        <div className={style1.box}>
            <Link to='/home/cashLoans'><Radio.Button value="large" className={style1.buttonloan}> <LeftOutlined /> 返回</Radio.Button></Link>
            {/* 本金放款信息 */}
            <p>本金放款信息</p>
            <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }} className={style1.box1}>
                <Col span={8} style={style} className="gutter-row" >借款编号</Col>
                <Col span={16} className="gutter-row nobox2" >{Info.loan_num}</Col>
            </Row>
            <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }} className={style1.box1}>
                <Col span={8} style={style} className="gutter-row" >借款人</Col>
                <Col span={16} className="gutter-row nobox2" >{Info.loan_person}</Col>
            </Row>
            <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }} className={style1.box1}>
                <Col span={8} style={style} className="gutter-row" >借款项目</Col>
                <Col span={16} className="gutter-row nobox2" >{Info.loan_project}</Col>
            </Row>
            <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }} className={style1.box1}>
                <Col span={8} style={style} className="gutter-row" >借款期限</Col>
                <Col span={16} className="gutter-row nobox2" >{Info.time_limit}</Col>
            </Row>
            <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }} className={style1.box1}>
                <Col span={8} style={style} className="gutter-row" >放款金额</Col>
                <Col span={16} className="gutter-row nobox2" >￥{Info.income_money}</Col>
            </Row>
            <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }} className={style1.box1}>
                <Col span={8} style={style} className="gutter-row" >放款时间</Col>
                <Col span={16} className="gutter-row nobox2" >{Info.income_time}</Col>
            </Row>
            <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }} className={style1.box3}>
                <Col span={8} style={style} className="gutter-row" >放款方式</Col>
                <Col span={16} className="gutter-row nobox2" >{Info.income_type}</Col>
            </Row>
            {/* 对账信息 */}
            <p className='duizhanginfo'>对账信息</p>
            <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }} className={style1.box1}>
                <Col span={8} style={style} className="gutter-row" >对账方式</Col>
                <Col span={16} className="gutter-row nobox2" >{Info.income_state}</Col>
            </Row>
            <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }} className={style1.box1}>
                <Col span={8} style={style} className="gutter-row" >凭证</Col>
                <Col span={16} className="gutter-row nobox2" >凭证显示</Col>
            </Row>
            <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }} className={style1.box1}>
                <Col span={8} style={style} className="gutter-row" >处理备注</Col>
                <Col span={16} className="gutter-row nobox2" >已核对银行流水</Col>
            </Row>
            <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }} className={style1.box1}>
                <Col span={8} style={style} className="gutter-row" >对账人员</Col>
                <Col span={16} className="gutter-row nobox2" >admin</Col>
            </Row>
            <Row gutter={{ xs: 8, sm: 16, md: 24, lg: 32 }} className={style1.box3}>
                <Col span={8} style={style} className="gutter-row" >对账时间</Col>
                <Col span={16} className="gutter-row nobox2" >2020-01-18</Col>
            </Row>
            


        </div>
    )
}
